main{
    background-color: rgb(251, 251, 251);
    .banner{
        position: relative;
        img{
            width: 100%;
            height: 560px;
            object-fit: cover;
        }
        .cout_box{
            position: absolute;
            left: 165px;
            top:230px;
            line-height: 50px;
            color: white;
        }
    }
    .join_list{
        padding:50px 0;
        ul{
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-evenly;
           
            li{
                background-color: white;
                border-top: 1px solid rgb(18, 150, 219);
                box-shadow: 2px 2px 2px 2px rgba(236, 236, 236, 1);
                padding: 30px 70px 15px 30px;
                margin-bottom: 80px;
                transition: all .3s;
                p{
                    margin: 20px 0;
                    span{
                        margin-right: 35px;
                    }
                }
                >div{
                    display: flex;
                    flex-wrap: wrap;
                    width: 375px;
                    span{
                        height: 35px;
                        width: auto;
                        line-height: 35px;
                        display: inline-block;
                        margin: 10px 40px 5px 0;
                        margin-right: 40px;
                        border: 1px solid;
                        padding: 5px 10px;
                    }
                }
                a{
                    display: block;
                    text-decoration: none;
                    width: 225px;
                    height: 45px;
                    background-color: rgb(18, 150, 219);
                    line-height: 45px;
                    text-align: center;
                    margin-left: 50%;
                    margin-top: 20px;
                    transform: translateX(-50%);
                    border-radius: 8px;
                }
            }
            li:hover{
                margin-top: -10px;
                box-shadow: 4px 4px 4px 4px rgba(236, 236, 236, 1);
            }
        }
    }
}